import React from './core/React.js';

function Counter({num}) {
    return <div>Counter: { num}</div>;
}

function CounterContainer() {
    return (
        <div>
            CounterContainer
            <Counter></Counter>
        </div>
    );
}

function App() {
    return <div>
        Hello-Mini-react
        <Counter num={10}></Counter>
        <Counter num={20}></Counter>
        {/* <CounterContainer></CounterContainer> */}
    </div>
}
// const App = React.createElement('div', { id: 'app' }, 'hello - ', 'mini-react');

export default App;
